html, header{
	background-attachment:fixed; 
}

html, header{
	background: #F0F1F1;
}

	header{
		position: relative;
	}

	header #cabecalho{
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	header #cabecalho a h1{
		color: #4A90C3;	
		line-height: 0.84em;
		font-style: italic;
		font-family: Georgia,Palatino,serif;
	}

	header nav{
		width: 50%;
		
		padding: 0;
		margin-top: 3.6%;
		
		/* background: -webkit-linear-gradient(top,#227298 0,#0C4165 50%,#03335B 51%,#00496D 100%); */
	}

		header nav ul{
			width: 100%;
			float: right;
			
			position: relative;
		}

			header nav li{
				padding-left: 5%;
				position: relative;
				/*	padding-bottom: 1.5%;*/
			}

				header nav ul li a.nav{
					text-transform: uppercase;
					font: 1em BebasNeue;
					color: #4A4A46;
					text-shadow: 1px 1px 0px #F4F4F0, 1px 1px 0px #F4F4F0;
					z-index: 2;
					
			 		/* padding-bottom: 2%; */
					border-bottom: solid 0.42em transparent;


					/*	height: 1em;*/
					/*	padding-bottom: .2em;*/
					/*	border-bottom: solid 0.4em transparent;*/
					/* text-shadow: 5px 5px 5px gray; */
					/* color: #69F; */
				}

				header nav li a.nav:hover, .secaoAtual{
					border-bottom-color: #164AC3 !important;
					opacity: 1;
				}
				
		header div.divisoria{
			margin-top: -0.5%;

			height: 0.39em;
			background: #69f;
			z-index: 0;
			opacity: .85;
		}
		
				header nav li div#login{
					position: absolute;
					top: 100%;
					left: -95%;
				
					width: 300%;
					display: none;
					background: #548BF4;
					z-index: 999;					
					padding: 20% 20% 10% 20%;
					
					/*	background: #F0F1F1;*/
					/*	border: 2px solid whitesmoke;*/
				}
				
/*					header nav li div#login div{*/
/*						position: absolute;*/
/*						top: -6.5%;*/
/*						left: 35%;*/

/*						border-left: 10px solid transparent;*/
/*						border-right: 10px solid transparent;*/
/*						border-bottom: 10px solid #484848;*/
/*					}*/

					header nav li div#login div#fechar{
						float: right;
						background: whitesmoke;
						color: #548BF4;
						
						line-height: 0.5em;
						padding: 0.5% 1% 2.5% 1%;
						margin-top: -2%;
						
						cursor: pointer;
					}
					
					header nav li div#login form{
						float: left;
						width: 92%;
						
						padding-bottom: 5%;
					}
				
						header nav li div#login form *{
							float: left;
							width: 100%;
						}
					
						header nav li div#login form label,
						header nav li div#login a{
							color: whitesmoke;				
						}
					
						header nav li div#login form input[type=submit]{
							width: auto;
							background: whitesmoke;
							color: #548BF4;
		
							padding-top: 2%;
							padding-bottom: 1.5%;
						}
				
					header nav li div#login a{
						font-size: 0.9em;
					}
					
					header nav li div#login a:hover{
							border-bottom: 1px dotted whitesmoke;
					}

#galeriaDeImagens{
	width: 100%;
	margin-bottom: 3% !important;
}

footer{
	/* background: #6699FF  
						#C9C9C9 
						#171717
						#1C1C1C
						#5580FC
	*/

	background: #4A90C3;
	box-shadow: 0 0 10px 1px #999;
}

	footer #onde{
		width: 35%;
	}

	footer #contatoDados{
		width: 30%;
		
		padding-left: 1.5%;
	}

		footer #contatoDados ul li{
			width: 50%;

			color: whiteSmoke;
			font-style: italic;
			font-size: 1.05em;

			padding-bottom: 0.5em;
		}
		
		footer #contatoDados ul li.contatoDadosEsquerdo {
			width: 40%;
		}

	footer #contatoEmail{
		width: 32%;
	}

		footer #contatoEmail form{
			margin-top: -0.2em;
		}

		footer #contatoEmail form *{
			display: block;
		}

		footer h1, footer h2, footer h3, footer h4, footer h5{ 
				color: whiteSmoke;
				text-shadow: none;
				letter-spacing: 0.05em;
				text-transform: uppercase;
		}

		footer #contatoEmail form label{
			color: whitesmoke;
			font-style: italic;
		}

		footer #contatoEmail form input[type=text],
		footer #contatoEmail form textarea{
			width: 100%;

			font-family: monospace;
		}

		footer #contatoEmail form input[type=submit]{
			background: white;
			color: #4A90C3;
			
			padding-top: 2%;
			padding-bottom: 1.5%;
		}

	footer #rodape{
		background: #444;

		padding-bottom: 1%;
	}

		footer #rodape p#logo{
			font-size: 1.15em;
		}

		footer #rodape ul li{
			width: 70%;
		}

			footer #rodape ul li p{
				font-size: 0.81em;
				padding-top: 0.2em;
			}

/* Classes */

.linha{
	float: left;
	width: 100%;	
	margin-bottom: 2%;
}

.navFixo{
	z-index: 9999;
	opacity: .95;
	position: fixed; 
	left: 0; 
	top: 0; 
	width: 100%;
}

.overflowAuto{
	overflow-x: auto;
}


.inputFonteNormal{
	color: #999;
	font-style: italic
}

.iconFacebook, .iconTwitter{
	float: left;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('public/images/facebook_twitter_teaser.png') no-repeat;
}

.iconTwitter{
	background-position: right top;
}

.iconTwitter:hover {
	background-position: right -45px;
}

.iconFacebook:hover {
	background-position: left -45px;
}

/* IDs */

#principalConteudo{
	/* background: #F7F7F7; */

/*	background: white;*/
/*	box-shadow: 0 3px 15px 5px #ddd;*/
/*	margin-bottom: 1%;*/
	
	min-height: 700px; 
   height:auto !important; 
   height: 700px; 
}


	#conteudo{
		width: 96.5%;
		padding-left: 1.5%;
	}
		
		#conteudo article h1{
			float: left;
			width: 100%;

			margin-top: 0.2em;
			margin-bottom: 0.3em;

			text-transform: uppercase;
			letter-spacing: 0.05em;

			font-size: 2.2em ;
			font-weight: 600;
		}

		#conteudo article hr{
			float: left;
			width: 100%;
			margin: 0;
		}

			#conteudo article section{
				width: 30%;				
			}
			
			#conteudo article .linha section,
			#conteudo article .linha div{

				padding-left: 1.6%;
				padding-right: 1.5%;
				-moz-padding-end: 1.5%; 
/*				-webkit-padding-end: 1.85%;*/

				-moz-padding-start: 1.4%;
			}

			#conteudo article section h2{
				margin-bottom: 0;
				font-size: 1.9em;
			}

			#conteudo article section h3{
				font-size: 1.3em;
			}

			#conteudo article section h2,
			#conteudo article section h3{
				font-style: italic;
			}


			#conteudo article p{
				font: 0.9em Georgia,Palatino,serif; /* 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L', sans-serif */
				text-align: justify;
				line-height: 1.5em;
				color: #333;
			}
			
			/* Quartos Mini-imagens..
			 * Depois muda isso..
			*/
			
			#conteudo article #quartosMiniImagens .quartoAtual,
			#conteudo article #quartosMiniImagens .quartoAtual *{
				float: left;
			}
			
				#conteudo article #quartosMiniImagens div{
					margin-top: 1%;
				}
			
				#conteudo article .quartoAtual{
					width: 100%;
				}
			
					#conteudo article .quartoAtual img{
						width: 65%;
					}
					
					#conteudo article .quartoAtual .quartoDescricaoAtual{
						width: 30%;
					}
					
					#conteudo article .quartoAtual .quartoDescricaoAtual h3,
					#conteudo article .quartoAtual .quartoDescricaoAtual h5{
						width: 100%;
						margin-bottom: 0;
					}
					
					#conteudo article .quartoAtual .quartoDescricaoAtual h5{
						margin-top: 3%;					
					}
					
				#conteudo article .quartosVer{
					position: relative;
					width: 21.77%;
				}

					#conteudo article .quartosVer img{
						border: solid 5px white;
						box-shadow: 0 0 10px 1px #999;
						cursor: pointer;
					}

					#conteudo article .quartosVer .verQuartoHover{
						position: absolute;
						top: 4.9em;
						left: 1.2em;

						line-height: 1.1em;
						font-size: 1.1em;
						font-style: italic;
						font-weight: bold;

						color: white;
						background-color: #333;
						opacity: 0;

						padding-left: 40%;
						padding-right: 35.5%;
						-webkit-padding-start: 43.5%;
						-webkit-padding-end: 43%;
						-moz-padding-end: 35.5%;
						margin-top: 2.8em;

						cursor: pointer;
						
						
/*						margin-top: -12%;*/
/*						margin-left: 2.2%;*/
/*						width: 55%;*/
/*						padding-left: 45%;*/
					}

					#conteudo article .quartosVer .quartoDescricao{
						display: none;
					}

		div.divForm *{
			float: left;
		}

		div#reserva div#avisoReserva{
			width: 100%;
			
			margin-bottom: 2%;
		}		
		
		div#reserva div#avisoReserva h3{
			float: left;

			margin-bottom: 0;
		}
		
		div#reserva div#avisoReserva a{
			margin-top: 2.1%;
			margin-left: 1%;
		}
		
		div.divForm form div.inputLinha {
			margin-bottom: 1.5%;
		}

		div.divForm form div.inputs{
			float: left;
			width: 30%;
			
			padding-bottom: 1%;
		}
		
			div.divForm form div.inputs *{
				float: left;
				width: 100%;			
			}
			
				div.divForm form div.inputs .inputLinha{
					padding: 0 !important;				
				}
			
					div.divForm form div.inputs div.maior{
						width: 60%;	
					}
					
					div.divForm form div.inputs div.menor{
						width: 30%;
					}

					div.divForm form div.inputs div.primeiro{
						padding-right: 10% !important;
					}
				
			
		div.divForm form input[type=submit]{
			background: #222;
			color: #F0F1F1;
		
			padding-top: 0.7%;
			padding-bottom: 0.5%;
			margin-left: 1.6%;
		}
		
		
		
	#menuDireito{
		background: rgba(247, 247, 247, 0.988281);
		width: 26.5%;
		-webkit-padding-start: 0.5%;
		-webkit-padding-end: 0.5%;
		-moz-padding-start: 0.5%;
		-moz-padding-end: 0.5%;
		
		min-height: 500px; 
	   	height:auto !important; 
	}

		#menuDireito h4{
			text-align: left;
		}

		#menuDireito nav{
			padding-bottom: 4%;
		}

			#menuDireito nav ul{
				padding: 0;
				
				-webkit-padding-start: 2%;
				-moz-padding-start: 2%;
				-webkit-padding-end: 35%;
				-moz-padding-end: 35%;
			}

				#menuDireito nav li{
					border-bottom: solid 1px #E5E5E5;
					padding-top: 5%;
				}

					#menuDireito nav li a{
						padding-left: 4%;
						border-left: solid 5px #E5E5E5;
						
						font: 1em Georgia,Palatino,serif;
						color: #69F;
						text-shadow: 2px 1px 2px #F1F1F1;
						
						/* text-shadow: 2px 1px 2px gray; */
					}

					#menuDireito nav a:hover{
						/* background-color: #E5E5E5;
						color: #5C85FF; */
						border-left-color: #69F;
					}

		#menuDireito #redesSociais{
			padding-bottom: 8%;
		}

		#menuDireitoTwitter{
			/* border-bottom: solid 2px #E5E5E5; */
			padding-bottom: 1%;
			
			min-height: 200px; 
		   	height:auto !important; 
		   	height: 200px; 
		}

			#menuDireitoTwitter iframe.twt-follow-button{
				display: none !important;
			}

			#menuDireitoTwitter p{
				font: bold 0.9em arial,sans-serif;
				color: dimGray; /* #6FBFEA; */
				padding-bottom: 3%;
				padding-left: 3%;
			}

#irParaTopo{
	position	: fixed;
	left		: 96%;
	bottom	: 5.5%;
	width		: 100%;
	cursor	: pointer;
	display	:none;
}

	#irParaTopo p{
		position: fixed;
		z-index: 2;
		
		font-size: 0.85em;

		background: #65ADFF; /* #92CCD5; */
/*		background: rgba(141, 199, 208, 0.8);*/
		-webkit-border-radius: 25px;
		border-radius: 25px;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
		text-align: center;
		color: white;
		font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
		text-shadow: 0px 1px 1px #76A9B1;

		padding: 0.5%;
		padding-top: 1.1%;
		padding-bottom: 1.1%;
	}


/* PROPRIEDADES EM COMUM */

header #cabecalho,
#principalConteudo,
footer #contato, footer #rodape div{
	margin: 1% auto;
	width: 87%;
	border-radius: 5px;
}

header, header div.divisoria,
#principal,
footer, footer #rodape{
	width: 100%;
}

footer #redesSociaisRodape, footer #desenvolvidoPor{
	width: 15%;
}

header #cabecalho a, header #cabecalho h1, header nav li, header div.divisoria,
footer, footer #rodape, footer #contato *, footer #rodape a,
#principal,
#conteudo, #conteudo article section, #conteudo article .quartosVer
{
	float: left;
}

header nav,
footer #contatoEmail, 
#conteudo article section img,
footer #rodape ul, footer #rodape ul *{
	float: right;
}

body, input[type=submit],
header, header nav ul, header #cabecalho h1,
footer #contato, footer #contato ul,
footer #contatoEmail,
footer #rodape ul li p,
#conteudo article section h3,
#irParaTopo p{
	margin: 0 auto;
}

#principalConteudo, #menuEsquerdo li a, #menuDireitoTwitter a{
	display: block;
}

/*footer, footer #contato, footer #rodape,*/
/*#principalConteudo{*/
/*	overflow: hidden;*/
/*}*/

#conteudo,
#menuDireito{
	padding-bottom: 1%;
}

header #cabecalho a h1,
footer #rodape *{
	color: #4A90C3;	
	line-height: 0.84em;
	font-style: italic;
	font-family: Georgia,Palatino,serif;
}

#hotel a,
#reserva a{
	font-size: 0.9em;
}
	
#hotel a:hover,
#reserva a:hover,
#simplemodal-data a:hover,
article a:hover{
	border-bottom: 1px dotted #1560C3;
}

/* TAGS GERAIS */

ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

a{
	color: #1560C3;
	font-family: Georgia,Palatino,serif;
	text-decoration: none;
}

img {
     max-width: 100%;
}

h1, h2, h3, h4, h5, h6{
	color: #333;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-shadow: 2px 1px 1px white;
	/*color: #222;
	text-shadow: 0px 2px 3px #555; */
	/* text-shadow: 2px 1px 1px white; */ 
	/* text-shadow: white 0.1em 0.1em; */
}

label{
	font-style: italic;
}

.label{
	font-style: italic;
}

input[type=text], textarea{
	border: none;
	-webkit-padding-start: 2%;
	-webkit-padding-end: 2%;
	-webkit-padding-before: 2%;
	-webkit-padding-after: 2%;
	padding: 0.6em;
	-moz-padding-start: 0.55em;
	outline-color: #A6A6A5;

	margin-bottom: 3%;	
}

.inputCampos{
	border: none;
	-webkit-padding-start: 2%;
	-webkit-padding-end: 2%;
	-webkit-padding-before: 2%;
	-webkit-padding-after: 2%;
	padding: 0.6em;
	-moz-padding-start: 0.55em;
	outline-color: #A6A6A5;

	margin-bottom: 3%;	
}

.inputBotao{
	outline-color: #A6A6A5;
	cursor: pointer;
	
	border: 0;
	opacity: .7;

	text-transform: uppercase;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

input[type=button], input[type=submit]{
	outline-color: #A6A6A5;
	cursor: pointer;
	
	border: 0;
	opacity: .7;

	text-transform: uppercase;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.9em;
	letter-spacing: 0.1em;
}


/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
	color: #A5A5A5;
	font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
	color: #A5A5A5;
	font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
	color: #A5A5A5;
	font-style:italic;
}


.coisaNojenta tr td *{
	width: auto !important;
}
